<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。">
<meta name="keywords" content="Bootstrap,CSS,CSS框架,CSS framework,javascript,bootcss,bootstrap开发,bootstrap代码,bootstrap入门">
    <meta name="author" content="Bootstrap中文网">

    <!-- Le styles -->
    <link href="static/css/bootstrap.min3.css" rel="stylesheet">
    <link href="static/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="static/css/docs1.css" rel="stylesheet">
<style>
body{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
</style>
    <link href="static/css/prettify.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://v2.bootcss.com/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://v2.bootcss.com/assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://v2.bootcss.com/assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="https://v2.bootcss.com/assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="https://v2.bootcss.com/assets/ico/favicon.png">

  </head>

  <body data-spy="scroll" data-target=".bs-docs-sidebar">

    <!-- Navbar
    ================================================== -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="javascript:;">Bootstrap</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active">
                <a href="javascript:;">首页</a>
              </li>
              <li class="">
                <a href="javascript:;">起步</a>
              </li>
              <li class="">
                <a href="javascript:;">脚手架</a>
              </li>
              <li class="">
                <a href="javascript:;">基本CSS样式</a>
              </li>
              <li class="">
                <a href="javascript:;">组件</a>
              </li>
              <li class="">
                <a href="javascript:;">JavaScript插件</a>
              </li>
              <li class="">
                <a href="javascript:;">定制</a>
              </li>
              <li>
                <a href="javascript:;" target="_blank">网站实例</a>
              </li>
              <li>
                <a href="javascript:;" target="_blank">Jekyll</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

<div class="jumbotron masthead">
  <div class="container">
    <h1>Bootstrap</h1>
    <p>简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。</p>
    <p>
      <a href="javascript:;" class="btn btn-primary btn-large">下载Bootstrap</a>
    </p>
    <ul class="masthead-links">
      <li>
        <a href="javascript:;">GitHub project</a>
      </li>
      <li>
        <a href="javascript:;">案例</a>
      </li>
      <li>
        <a href="javascript:;">扩展</a>
      </li>
      <li>
        Version 2.3.2
      </li>
    </ul>
  </div>
</div>

<div class="bs-docs-social">
  <div class="container">
    <ul class="bs-docs-social-buttons">
<li><a href="javascript:;" target="_blank">Bootstrap v3 中文文档</a></li>
      <li>
        
      </li>
      <li>
        
      </li>
      <li class="follow-btn">
        
      </li>
      <li class="tweet-btn">
        
      </li>
    </ul>
  </div>
</div>

<div class="container">

  <div class="marketing">

    <h1>Bootstrap介绍。</h1>
    <p class="marketing-byline">需要为爱上Bootstrap找N多理由吗？ 就在眼前。</p>

    <div class="row-fluid">
      <div class="span4">
        <img class="marketing-img" src="static/picture/bs-docs-twitter-github.png">
        <h2>人人为我，我为人人。</h2>
        <p>由<a href="javascript:;">@mdo</a> 和 <a href="javascript:;">@fat</a> 在Twitter工作时创建，Bootstrap使用 <a href="javascript:;">LESS CSS</a> 并用 <a href="javascript:;">Node</a> 编译，托管在 <a href="javascript:;">GitHub</a> 上，方便大家使用这一框架构建更好的web应用。</p>
      </div>
      <div class="span4">
        <img class="marketing-img" src="static/picture/bs-docs-responsive-illustrations.png">
        <h2>任何人都可以使用。</h2>
        <p>Bootstrap不光为了看起来好看，而且在现代的桌面浏览器上有极佳的表现(包括IE7！)。在平板电脑和智能手机上面还有 <a href="javascript:;">响应式CSS</a> 可以使用。</p>
      </div>
      <div class="span4">
        <img class="marketing-img" src="static/picture/bs-docs-bootstrap-features.png">
        <h2>丰富的特色。</h2>
        <p>12列的响应式<a href="javascript:;">栅格结构</a>、丰富的组件、<a href="javascript:;">JavaScript插件</a>、排版、表单控件，还有 <a href="javascript:;">基于web的定制工具</a>。</p>
      </div>
    </div>

    <hr class="soften">

    <h1>基于Bootstrap构建的网站。</h1>
    <p class="marketing-byline">更多基于Bootstrap构建的网站列表，请访问 <a href="javascript:;" target="_blank">优站精选</a> 或者 <a href="javascript:;">看看下面的几个案例</a>。</p>
    <div class="row-fluid">
      <ul class="thumbnails example-sites">
        <li class="span3">
          <a class="thumbnail" href="javascript:;" target="_blank">
            Ghost中文网
          </a>
        </li>
        <li class="span3">
          <a class="thumbnail" href="javascript:;" target="_blank">
            Laravel中文网
          </a>
        </li>
        <li class="span3">
          <a class="thumbnail" href="javascript:;" target="_blank">
            Grunt中文网
          </a>
        </li>
        <li class="span3">
          <a class="thumbnail" href="javascript:;" target="_blank">
            BootCDN
          </a>
        </li>
      </ul>
     </div>

  </div>

</div>



    <!-- Footer
    ================================================== -->
    <footer class="footer">
      <div class="container">
        <p>Designed and built with all the love in the world by <a href="javascript:;" target="_blank">@mdo</a> and <a href="javascript:;" target="_blank">@fat</a>.</p>
        <p>Code licensed under <a href="javascript:;" target="_blank">Apache License v2.0</a>, documentation under <a href="javascript:;">CC BY 3.0</a>.</p>
        <p><a href="javascript:;">Glyphicons Free</a> licensed under <a href="javascript:;">CC BY 3.0</a>.</p>
        <ul class="footer-links">
          <li><a href="javascript:;">Blog</a></li>
          <li class="muted">&middot;</li>
          <li><a href="javascript:;">Issues</a></li>
          <li class="muted">&middot;</li>
          <li><a href="javascript:;">Changelog</a></li>
        </ul>
      </div>
    </footer>



    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    
    <script src="static/js/jquery.min3.js"></script>
    <script src="static/js/bootstrap.min3.js"></script>

    <script src="static/js/holder.min1.js"></script>
    <script src="static/js/prettify.js"></script>

    <script src="static/js/application1.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Ff8075d186077efcfbc077b500516e94a' type='text/javascript'%3E%3C/script%3E"));
</script>

<!-- 全局统计代码 -->
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F079fac161efc4b2a6f31e80064f14e82' type='text/javascript'%3E%3C/script%3E"));
</script>



  </body>
</html>
